<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:wicket="http://wicket.apache.org">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Order Confirmation Page</title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
        <style type="text/css">
			table.products {
				border-width: 1px;
				border-color: gray;
				border-collapse: collapse;
			}
			table.products th, table.products td {
				border-width: 1px;
				padding: 3px;
				border-style: inset;
				border-color: gray;
			}
			table.products th {
				font-weight: bold;
			}
			a { color:lightgreen; }
    </style>
    </head>
    <body style="text-align: center">
         You have chosen such items:
         <br/>
         <br/>
         <table align="center"  wicket:id="selectedProducts" class="products"></table>
        <br/>
        <span wicket:id="totalPrice">...</span>
        <br/>
        <br/>
        <a href="#" wicket:id="confirmItemsLink" onclick="return alert('Your order was succesfully executed!!!')">Confirm order</a>
     </body>
</html>
